import React from 'react';
import ImageLazy from '../commons/ImageLazy';
import NavLink from '../commons/NavLink';
import Return_btn from '../commons/Return_btn';
import { connect } from 'react-redux';

const pay_suc = require('!url?limit=8192&name=static/img/[hash:6].[ext]!../../static/img/pay_suc.png');
const pay_fail = require('!url?limit=8192&name=static/img/[hash:6].[ext]!../../static/img/pay_fail.png');


let mydefault = (props)=> (
      <div className="pay_status">
        <div className="top">
          <ImageLazy src={pay_suc} style={{height:"1rem"}} />
          <h4>退款申请已提交</h4>
          <p>
            相应款项会在7-10个工作日内退回您购买时使用的账户，<br/>请关注账户余额。
          </p>
        </div>

        <div className="order_info border_t1">
          <div className="border_b1">
            <span>退款金额</span><span><b style={{'color':'#997760','fontSize':'.34rem'}}>¥ {props.pay_price}</b></span>
          </div>
          <div className="border_b1">
            <span>退款方式</span><span>原路返回到支付账户</span>
          </div>
        </div>

        <Return_btn />
      </div>
)

let mapStateToProps = (state,own) => {
  return{
    pay_price:own.params.itemPrice
  }
}

export default connect(mapStateToProps)(mydefault);
